// JavaScript Document

var idSiswa;

// persiapan data untuk View atau Edit siswa
function prepareViewEdit(id, edit) {
    idSiswa = id;
    console.log('idSiswa: ' + idSiswa);

    $("#form_input").dialog("open");
    $('#form_input_content').accordion();
    bersihkanPesan('#form_messages');
    openAccordionPanel(0);

    if (edit) editRow();
    else viewSiswa();
}

// pencarian untuk Siswa menggunakan id dari prepareViewEdit () melalui url cari.php
// dan menampilkan dialog Edit Siswa
function editRow(){
    reset();

    var id = idSiswa;
    console.log('id: ' + id);

    $.ajax({
        type        : "POST",
        url         : "modul/siswa/cari.php",
        data        : "id="+id,
        dataType    : "json",
        success     : function(data){
            console.log(data);
            
            $('#form_input').dialog('option', 'buttons', getDialogButtons());
            $('#form_input').dialog('option', 'title', 'Edit Siswa');
            $('#form_input').dialog('open');
            
            $('#nomor').val(data.id);
            $("#nomor").attr("readonly",true);
            
            $("#siswa").val(data.nama);
            $("#siswa").attr("readonly", false);
            
            if (data.jk.trim() == 'L') $('#jkl').attr('checked', true);$('#jkl').attr('disabled', false);
            if (data.jk.trim() == 'P') $('#jkp').attr('checked', true);$('#jkp').attr('disabled', false);
            
            $("#tempat").val(data.tempat);
            $("#tempat").attr("readonly", false);
            
            $("#tgl").val(data.tgl);
            $("#tgl").attr("disabled", false);
            
            $("#alamat").val(data.alamat);
            $("#alamat").attr("readonly", false);
            
            $("#agama").val(data.agama);
            $("#agama").attr("disabled", false);
            
            $("#ps").val(data.pilihan);
            $("#ps").attr("disabled", false);

            if (data.pilihan == 'PAUD') {
                $("#ttk").attr('disabled', true);
                $("#ttk").val('');
            } else if (data.pilihan == 'TK') {
                $("#ttk").attr('disabled', false);
                $("#ttk").val(data.tingkatan);
            }

            $("#namawali").val(data.namawali);
            $("#namawali").attr("readonly", false);
            
            $("#alamatwali").val(data.alamatwali);
            $("#alamatwali").attr("readonly", false);
            
            $("#pekerjaan").val(data.pekerjaanwali);
            $("#pekerjaan").attr("readonly", false);
            
            $("#hp").val(data.hpwali);
            $("#hp").attr("readonly", false);

            var baris = '';
            var type = ['biaya', 'bseragam', 'bbulat'];
            for (var i = 0; i < data.biaya.length; i++) {
                
                baris += "<tr>";
                baris += "<td colspan='3'>Biaya " + data.biaya[i].nama + "</td>";
                baris += "<td></td>";
                baris += "</tr>";
                baris += "<tr>";
                baris += "<td width='2%'><input type='checkbox' name='" + type[i] + "' id='" + type[i] + "' onclick='toggleInputBiaya(\"" + type[i] + "\")'/></td>";
                baris += "<td><label>Biaya " + data.biaya[i].info + "</label></td>";
                baris += "<td>Rp <input type='text' disabled='disabled' value='" + data.biaya[i].nominal + "' id='input" + type[i] + "' style='text-align: right;' class='input' /><td>"
                baris += "<td>Contoh: 100000</td>";
                baris += "</tr>";
                baris += "<tr style='height: 20px'>";
                baris += "</tr>";
            }
            
            baris += "<tr>";
            baris += "<td colspan='3'>Biaya Sumbangan Pembangunan Pendidikan</td>";
            baris += "<td></td>";
            baris += "</tr>";
            baris += "<tr>";
            baris += "<td width='2%'><input type='checkbox' name='bspp' id='bspp' onclick='toggleInputBiaya(\"bspp\")'/></td>";
            baris += "<td><label>Biaya SPP Bulan Pertama (Juli)</label></td>";
            baris += "<td>Rp <input type='text' disabled='disabled' id='inputbspp' style='text-align: right;' class='input' value='"+data.spp+"' /><td>"
            baris += "<td>Contoh: 100000</td>";

            $('#listbiaya').html(baris);

            if (data.pembayaran.indexOf('1') != -1) {
                $("#biaya").attr('checked', 'checked');
                $("#inputbiaya").attr('disabled', false);
            }
            
            if (data.pembayaran.indexOf('2') != -1) {
                $("#bseragam").attr('checked', 'checked');
                $("#inputbseragam").attr('disabled', false);
            }
            
            if (data.pembayaran.indexOf('3') != -1) {
                $("#bbulat").attr('checked', 'checked');
                $("#inputbbulat").attr('disabled', false);
            }
            
            if (data.spp != 0) {
                $("#bspp").attr('checked', 'checked');
                $("#inputbspp").attr('disabled', false);
            }

            $('#inputbiaya').keypress(numericOnlyNoSymbol);
            $('#inputbseragam').keypress(numericOnlyNoSymbol);
            $('#inputbbulat').keypress(numericOnlyNoSymbol);
            $('#inputbspp').keypress(numericOnlyNoSymbol);
            
            return false;
        }
    });
}

// pencarian untuk siswa menggunakan id dari prepareViewEdit() melalui url cari.php 
// dan menampilkan dialog untuk View siswa
function viewSiswa(){
    reset();

    var id = idSiswa;
    console.log('id: ' + id);

    $.ajax({
        type        : "POST",
        url         : "modul/siswa/cari.php",
        data        : "id="+id,
        dataType    : "json",
        success     : function(data){
            console.log(data);
            
            $('#form_input').dialog('option', 'buttons', {"Tutup": function() {$(this).dialog("close");}});
            $('#form_input').dialog('option', 'title', 'View Siswa');
            $('#form_input').dialog('open');
            
            $('#nomor').val(data.id);
            $("#nomor").attr("readonly",true);
            
            $("#siswa").val(data.nama);
            $("#siswa").attr("readonly",true);
            
            if (data.jk.trim() == 'L') $('#jkl').attr('checked', true);$('#jkl').attr('disabled', true);
            if (data.jk.trim() == 'P') $('#jkp').attr('checked', true);$('#jkp').attr('disabled', true);
            
            $("#tempat").val(data.tempat);
            $("#tempat").attr("readonly",true);
            
            $("#tgl").val(data.tgl);
            $("#tgl").attr("disabled",true);
            
            $("#alamat").val(data.alamat);
            $("#alamat").attr("readonly",true);
            
            $("#agama").val(data.agama);
            $("#agama").attr("disabled",true);
            
            $("#ps").val(data.pilihan);
            $("#ps").attr("disabled",true);

            if (data.pilihan == 'PAUD') {
                $("#ttk").attr('disabled', true);
                $("#ttk").val('');
            } else if (data.pilihan == 'TK') {
                $("#ttk").attr('disabled', true);
                $("#ttk").val(data.tingkatan);
            }

            $("#namawali").val(data.namawali);
            $("#namawali").attr("readonly",true);
            
            $("#alamatwali").val(data.alamatwali);
            $("#alamatwali").attr("readonly",true);
            
            $("#pekerjaan").val(data.pekerjaanwali);
            $("#pekerjaan").attr("readonly",true);
            
            $("#hp").val(data.hpwali);
            $("#hp").attr("readonly",true);

            var baris = '';
            var type = ['biaya', 'bseragam', 'bbulat'];
            for (var i = 0; i < data.biaya.length; i++) {
                
                baris += "<tr>";
                baris += "<td colspan='3'>Biaya " + data.biaya[i].nama + "</td>";
                baris += "<td></td>";
                baris += "</tr>";
                baris += "<tr>";
                baris += "<td width='2%'><input type='checkbox' name='" + type[i] + "' id='" + type[i] + "' onclick='toggleInputBiaya(\"" + type[i] + "\")'/></td>";
                baris += "<td><label>Biaya " + data.biaya[i].info + "</label></td>";
                baris += "<td>Rp <input type='text' readonly='true' value='" + data.biaya[i].nominal + "' id='input" + type[i] + "' style='text-align: right;' class='input' /><td>"
				baris += "<td>Contoh: 100000</td>";
                baris += "</tr>";
                baris += "<tr style='height: 20px'>";
                baris += "</tr>";
            }

            baris += "<tr>";
            baris += "<td colspan='3'>Biaya Sumbangan Pembangunan Pendidikan</td>";
            baris += "<td></td>";
            baris += "</tr>";
            baris += "<tr>";
            baris += "<td width='2%'><input type='checkbox' name='bspp' id='bspp' onclick='toggleInputBiaya(\"bspp\")'/></td>";
            baris += "<td><label>Biaya SPP Bulan Pertama (Juli)</label></td>";
            baris += "<td>Rp <input type='text' readonly='true' id='inputbspp' style='text-align: right;' class='input' value='"+data.spp+"' /><td>"
            baris += "<td>Contoh: 100000</td>";

            $('#listbiaya').html(baris);

            $("#biaya").attr("disabled",true);
            $("#bseragam").attr("disabled",true);
            $("#bbulat").attr("disabled",true);
            $("#bspp").attr("disabled",true);
            
            if (data.pembayaran.indexOf('1') != -1) {
                $("#biaya").attr('checked', 'checked');
            }
            
            if (data.pembayaran.indexOf('2') != -1) {
                $("#bseragam").attr('checked', 'checked');
            }
            
            if (data.pembayaran.indexOf('3') != -1) {
                $("#bbulat").attr('checked', 'checked');
            }
            
            if (data.spp != '') {
                $("#bspp").attr('checked', 'checked');
            }
            
            return false;
        }
    });
}

// persiapan data untuk Hapus siswa
function prepareHapus(id) {
    idSiswa = id;
    $("#dlg_konfirmasi_hapus").dialog("open");
}

// hapus siswa menggunakan id dari prepareHapus() melalui url hapus.php
function deleteRow() {
    var id = idSiswa;

    $.ajax({
        type	: "POST",
        url	: "modul/siswa/hapus.php",
        data	: "id="+id,
        success	: function(data){
            $("#tampil_data").load("modul/siswa/tampil_data.php");
            $('#dlg_konfirmasi_hapus').dialog('close');
            pesanInfo('#messages', data);
        }
    });
}

// Reset semua field di dialog untuk mengosongkan
function reset() {
    $("#siswa").val('');
    $("#jkl").val('');
    $("#tempat").val('');
    $("#tgl").val('');
    $("#alamat").val('');
    $("#agama").val('');
    $("#ps").val('');
    $("#ttk").val('');
    $("#namawali").val('');
    $("#alamatwali").val('');
    $("#pekerjaan").val('');
    $("#hp").val('');
    $("#biaya").attr('checked', false);
    $("#bseragam").attr('checked', false);
    $("#bbulat").attr('checked', false);
    $("#inputbiaya").val('');
    $("#inputbseragam").val('');
    $("#inputbbulat").val('');
}

// Memvalidasi data Siswa dari dialog dan menyimpannya melalui url simpan.php
// dan menampilkan data Siswa terbaru
function simpan(){
    var no		= $("#nomor").val();
    var nama		= $("#siswa").val();
    var jk		= $("#jkl").is(':checked') ? 'L' : 'P';
    var tempat		= $("#tempat").val();
    var tgl		= $("#tgl").val();
    var alamat		= $("#alamat").val();
    var agama		= $("#agama :selected").val();
    var ps		= $("#ps :selected").val();
    var ttk		= $("#ttk :selected").val();
    var namawali	= $("#namawali").val();
    var alamatwali	= $("#alamatwali").val();
    var pekerjaan	= $("#pekerjaan").val();
    var hp		= $("#hp").val();
    var biaya		= $("#biaya").is(':checked') ? 1 : 0;
    var bseragam	= $("#bseragam").is(':checked') ? 1 : 0;
    var bbulat		= $("#bbulat").is(':checked') ? 1 : 0;
    var bspp		= $("#bspp").is(':checked') ? 1 : 0;

    var nominalBiaya = $("#biaya").is(':checked') ? $("#inputbiaya").val() : '';
    var nominalBseragam = $("#bseragam").is(':checked') ? $("#inputbseragam").val() : '';
    var nominalBbulat = $("#bbulat").is(':checked') ? $("#inputbbulat").val() : '';
    var nominalBspp = $("#bspp").is(':checked') ? $("#inputbspp").val() : '';

    // Validasi data siswa
    if(no.length == 0){
        pesanError('#form_messages', 'Nomor induk siswa tidak boleh kosong');
        openAccordionPanel(0);
        $("#nomor").focus();
        return;
    }

    if(nama.length == 0){
        pesanError('#form_messages', 'Nama siswa tidak boleh kosong');
        openAccordionPanel(0);
        $("#siswa").focus();
        return;
    }
    
    if (hasNumbers(nama)) {
        pesanError('#form_messages', 'Nama tidak valid, tidak bisa menggunakan angka');
        openAccordionPanel(0);
        $("#siswa").focus();
        return;
    }

    if(tempat.length == 0){
        pesanError('#form_messages', 'Tempat lahir tidak boleh kosong');
        openAccordionPanel(0);
        $("#tempat").focus();
        return;
    }

    if(hasNumbers(tempat)){
        pesanError('#form_messages', 'Tempat lahir tidak valid, tidak bisa menggunakan angka');
        openAccordionPanel(0);
        $("#tempat").focus();
        return;
    }
    
    if(tgl.length == 0){
        pesanError('#form_messages', 'Tanggal lahir tidak boleh kosong');
        openAccordionPanel(0);
        $("#tgl").focus();
        return;
    }

    if(alamat.length == 0){
        pesanError('#form_messages', 'Alamat tidak boleh kosong');
        openAccordionPanel(0);
        $("#alamat").focus();
        return;
    }

    if(agama.length == 0){
        pesanError('#form_messages', 'Agama tidak boleh kosong');
        openAccordionPanel(0);
        $("#agama").focus();
        return;
    }

    if(ps.length == 0){
        pesanError('#form_messages', 'Pilihan sekolah tidak boleh kosong');
        openAccordionPanel(0);
        $("#ps").focus();
        return;
    }

    if (ps == 'TK') {
        if(ttk.length == 0){
            pesanError('#form_messages', 'Tingkat TK tidak boleh kosong');
            openAccordionPanel(0);
            $("#ttk").focus();
            return;
        }
    }

    // Validasi data wali
    if(namawali.length == 0){
        pesanError('#form_messages', 'Nama wali tidak boleh kosong');
        openAccordionPanel(1);
        $("#namawali").focus();
        return;
    }

    if(hasNumbers(namawali)) {
        pesanError('#form_messages', 'Nama wali tidak valid, tidak bisa menggunakan angka');
        openAccordionPanel(1);
        $("#namawali").focus();
        return;
    }

    if(alamatwali.length == 0){
        pesanError('#form_messages', 'Alamat wali tidak boleh kosong');
        openAccordionPanel(1);
        $("#alamatwali").focus();
        return;
    }

    if(pekerjaan.length == 0){
        pesanError('#form_messages', 'Pekerjaan wali tidak boleh kosong');
        openAccordionPanel(1);
        $("#pekerjaan").focus();
        return;
    }

    if(hasNumbers(pekerjaan)){
        pesanError('#form_messages', 'Pekerjaan wali tidak valid, tidak bisa menggunakan angka');
        openAccordionPanel(1);
        $("#pekerjaan").focus();
        return;
    }

    // Validasi biaya
    if ((biaya == 0) && (bseragam == 0) && (bbulat == 0) && (bspp == 0)) {
        pesanError('#form_messages', 'Pilih salah satu biaya yang dibayarkan, minimal biaya pendaftaran');
        openAccordionPanel(2);
        $("#biaya").focus();
        return;
    }

    var outputValidasiBiaya = {};
    if (biaya != 0) {
        outputValidasiBiaya = validasiBiaya('#inputbiaya');
        if (!outputValidasiBiaya.valid) {
            pesanError('#form_messages', outputValidasiBiaya.message);
            openAccordionPanel(2);
            $('#inputbiaya').focus();
            return;
        }
    }

    if (bseragam != 0) {
        outputValidasiBiaya = validasiBiaya('#inputbseragam');
        if (!outputValidasiBiaya.valid) {
            pesanError('#form_messages', outputValidasiBiaya.message);
            openAccordionPanel(2);
            $('#inputbseragam').focus();
            return;
        }
    }

    if (bbulat != 0) {
        outputValidasiBiaya = validasiBiaya('#inputbbulat');
        if (!outputValidasiBiaya.valid) {
            pesanError('#form_messages', outputValidasiBiaya.message);
            openAccordionPanel(2);
            $('#inputbbulat').focus();
            return;
        }
    }

    if (bspp != 0) {
        outputValidasiBiaya = validasiBiaya('#inputbspp');
        if (!outputValidasiBiaya.valid) {
            pesanError('#form_messages', outputValidasiBiaya.message);
            openAccordionPanel(2);
            $('#inputbspp').focus();
            return;
        }
    }

    var outputValidasiTanggal = validasiTanggal(tgl);
    if (!outputValidasiTanggal.valid) {
        var message = (outputValidasiTanggal.message.length != 0) ? outputValidasiTanggal.message : 'Tanggal tidak valid';
        pesanError('#form_messages', message);
        openAccordionPanel(0);
        $("#tgl").focus();
        return;
    }

    // Validasi umur siswa
//    var outputValidasiUmur = {};
//    if (ps == 'PAUD') {
//        outputValidasiUmur = validasiUmur(tgl, 3);
//        console.log(outputValidasiUmur);
//        if (!outputValidasiUmur.valid) {
//            console.log('Message: ' + outputValidasiUmur.message);
//            pesanError('#form_messages', outputValidasiUmur.message);
//            openAccordionPanel(0);
//            $("#tgl").focus();
//            return;
//        }
//    } else if (ps == 'TK') {
//        if (ttk == 'A') {
//            outputValidasiUmur = validasiUmur(tgl, 4);
//            if (!outputValidasiUmur.valid) {
//                console.log('Message: ' + outputValidasiUmur.message);
//                pesanError('#form_messages', outputValidasiUmur.message);
//                openAccordionPanel(0);
//                $("#tgl").focus();
//                return;
//            }
//        } else if (ttk == 'B') {
//            outputValidasiUmur = validasiUmur(tgl, 5);
//            if (!outputValidasiUmur.valid) {
//                console.log('Message: ' + outputValidasiUmur.message);
//                pesanError('#form_messages', outputValidasiUmur.message);
//                openAccordionPanel(0);
//                $("#tgl").focus();
//                return;
//            }
//        }
//    }

    $.ajax({
        type	: "POST",
        url	: "modul/siswa/simpan.php",
        data	: "no="+no+
        "&nama="+nama+
        "&jk="+jk+
        "&tempat="+tempat+
        "&tgl="+tgl+
        "&alamat="+alamat+
        "&agama="+agama+
        "&ps="+ps+
        "&ttk="+ttk+
        "&namawali="+namawali+
        "&alamatwali="+alamatwali+
        "&pekerjaan="+pekerjaan+
        "&hp="+hp+
        "&biaya="+biaya+
        "&bseragam="+bseragam+
        "&bbulat="+bbulat+
        "&bspp="+bspp+
        "&nominalBiaya="+nominalBiaya+
        "&nominalBseragam="+nominalBseragam+
        "&nominalBbulat="+nominalBbulat+
        "&nominalBspp="+nominalBspp,
        success	: function(data){
            console.log(data);
            
            pesanInfo('#messages', data);
            $("#tampil_data").load('modul/siswa/tampil_data.php');
            $("#form_input").dialog("close");
        }
    });

}

// memvalidasi untuk input Biaya
function validasiBiaya(id) {
    var output = {'valid': true, 'message': ''};

    // Tidak boleh kosong
    if ($(id).val().trim() == '') {
        output.valid = false;
        output.message = 'Biaya tidak boleh kosong';
        return output;
    }

    // Harus angka
    if (isNaN($(id).val().trim())) {
        output.valid = false;
        output.message = 'Biaya harus menggunakan angka';
        return output;
    }

    return output;
}

// memvalidasi untuk input tanggal
function validasiTanggal(str) {

    var output = {'valid': true, 'message': ''};

    // Tanggal tidak boleh kosong
    if (str.length == 0) {
        output.valid = false;
        return output;
    }

    // Panjang karakter tanggal harus == 10 (DD-MM-YYYY)
    if (str.length != 10) {
        output.valid = false;
        return output;
    }

    var d = str.substring(0,2);
    var m = str.substring(3,5);
    var y = str.substring(6,11);

    var now = new Date();

    // Tahun tidak boleh == 0
    if (parseInt(y, 10) == 0) {
        output.valid = false;
        return output;
    }

    // Tahun tidak boleh > besar dari tanggal sekarang
    if (parseInt(y, 10) > now.getFullYear()) {
        output.valid = false;
        return output;
    }

    // Bulan tidak boleh == 0
    if (parseInt(m, 10) == 0) {
        output.valid = false;
        return output;
    }

    // Bulan tidak boleh < 1
    if ((parseInt(m, 10) > 12) || (parseInt(m, 10) < 1)) {
        output.valid = false;
        return output;
    }

    // Tanggal tidak boleh == 0
    if (parseInt(d, 10) == 0) {
        output.valid = false;
        return output;
    }

    return output;
}

// Validasi untuk minimum umur berdasarkan tanggal yang ditentukan
function validasiUmur(tglLahir, min) {

    var output = {'valid': true, 'message': ''};

    var d = tglLahir.substring(0,2);
    var m = tglLahir.substring(3,5);
    var y = tglLahir.substring(6,11);

    var lahir = new Date(parseInt(y, 10), parseInt(m, 10) - 1, parseInt(d, 10), 0, 0, 0, 0);
    var now = new Date();

    if ((now.getTime() - lahir.getTime()) < (min * 365 * 86400000)) {
        output.valid = false;
        output.message = 'Umur minimal ' + min + ' tahun';
        return output;
    }

    return output;
}

// Tampilan data Siswa dari url tampil_data.php
function cariData(e){
    var cari = e;
    $.ajax({
        type	: "GET",
        url	: "modul/siswa/tampil_data.php",
        data	: "cari=" + cari,
        success	: function(data){
            $("#tampil_data").html(data);
        }
    });
}

// Pindah ke panel accordion yang dipilih
function openAccordionPanel(num) {
    console.log("Pindah panel accordion");

    var current = $('#form_input_content').accordion("option", "active");
    var maximum = $('#form_input_content').find("h3").length;
    // $accordion.accordion("activate",next); // pre jQuery UI 1.10
    if ((num < maximum) && (num != current)) {
        $('#form_input_content').accordion("option", "active", num);
    }
}

// Mengaktifkan dan menonaktifkan input Biaya saat mencentang
function toggleInputBiaya(id) {
    console.log('id: ' + id);

    var checked = $('#' + id).is(':checked');
    if (checked) {
        $('#input' + id).attr('disabled', false);
    } else {
        $('#input' + id).attr('disabled', true);
    }
}

// persiapan tombol untuk dialog Tambah dan Edit
function getDialogButtons() {
    return {
            "Simpan": function() {
                //$(this).dialog("close");
                simpan();
            },
            "Reset": function() {
                reset();
            },
            "Batal": function() {
                $(this).dialog("close");
            }
        };
}
$(document).ready(function(){

    $(function(){
        $('button').hover(
            function() {
                $(this).addClass('ui-state-hover');
            },
            function() {
                $(this).removeClass('ui-state-hover');
            }
            );
    });

    $("#nomor").keyup(function(e){
        var isi = $(e.target).val();
        $(e.target).val(isi.toUpperCase());
    });

    $("#hp").keypress(numericOnlyNoSymbol);

    // buat Dialog untuk input Siswa
    $('#form_input').dialog({
        autoOpen: false,
        show: "blind",
        hide: "blind",
        width: 600,
        modal	: true,
        resizable:false,
        open: function(e, u) {
            $('#siswa').focus();
            $.ajax({
                url: 'modul/siswa/cari.php?getbiaya',
                dataType: 'json',
                success: function(data) {
                    if ( ! $('#bseragam').length) {
                        var baris = '';
                        var type = ['biaya', 'bseragam', 'bbulat'];
                        for (var i = 0; i < data.length; i++) {

                            baris += "<tr>";
                            baris += "<td colspan='3'>Biaya " + data[i].nama + "</td>";
                            baris += "<td></td>";
                            baris += "</tr>";
                            baris += "<tr>";
                            baris += "<td width='2%'><input type='checkbox' name='" + type[i] + "' id='" + type[i] + "' onclick='toggleInputBiaya(\"" + type[i] + "\")'/></td>";
                            baris += "<td><label>Biaya " + data[i].info + "</label></td>";
                            baris += "<td>Rp <input type='text' disabled='disabled' id='input" + type[i] + "' style='text-align: right;' class='input' /><td>"
                            baris += "<td>Contoh: 100000</td>";
                            baris += "</tr>";
                            baris += "<tr style='height: 20px'>";
                            baris += "</tr>";
                        }
                        
                        baris += "<tr>";
                        baris += "<td colspan='3'>Biaya Sumbangan Pembangunan Pendidikan</td>";
                        baris += "<td></td>";
                        baris += "</tr>";
                        baris += "<tr>";
                        baris += "<td width='2%'><input type='checkbox' name='bspp' id='bspp' onclick='toggleInputBiaya(\"bspp\")'/></td>";
                        baris += "<td><label>Biaya SPP Bulan Pertama (Juli)</label></td>";
                        baris += "<td>Rp <input type='text' disabled='disabled' id='inputbspp' style='text-align: right;' class='input' /><td>"
                        baris += "<td>Contoh: 100000</td>";
                        
                        $('#listbiaya').html(baris);
                        
                        $('#inputbiaya').keypress(numericOnlyNoSymbol);
                        $('#inputbseragam').keypress(numericOnlyNoSymbol);
                        $('#inputbbulat').keypress(numericOnlyNoSymbol);
                        $('#inputbspp').keypress(numericOnlyNoSymbol);
                    }
                }
            });
            if ($('#nomor').val() == '') {
                $.ajax({
                    url: 'modul/siswa/simpan.php?getnis',
                    success: function(d) {
                        $('#nomor').val(d);
                    }
                });
            }
        }
    });

    // persiapan datepicker
    $("#tgl").datepicker({
        dateFormat:"dd-mm-yy",
        changeYear : true,
        changeMonth: true
    });

    $("#tampil_data").load('modul/siswa/tampil_data.php');

    // Set click handler untuk tombol Tambah siswa
    $('#tambah').click(function(){

        reset();
        $('#nomor').val('');
        $(".input").val('');
        $('#biaya, #bseragam, #bbulat').attr('checked', false);
        $('#inputbiaya, #inputbseragam, #inputbbulat').attr('disabled', true);
        $("#nomor").attr("disabled",true);
        $("#jkl").attr('checked', true);
        $("#jkp").attr('checked', false);
        $("#siswa").focus();
        $('#tgl').val(formatFilterDate(new Date(), '-'));

        $('#form_input').dialog('option', 'buttons', getDialogButtons());
        $('#form_input').dialog('option', 'title', 'Tambah Siswa');
        $('#form_input').dialog('open');
        $('#form_input_content').accordion();
        openAccordionPanel(0);

        bersihkanPesan('#form_messages');
        return false;
    });

    // Set click handler untuk tombol Cari siswa
    $("#cari").click(function(){
        var cari = $("#txt_cari").val();
        cariData(cari);
    });

    // inisial atribut disabled untuk tingkat TK
    $('#ttk').attr('disabled', true);
    
    // Set change handler untuk dropdown Pilihan Sekolah (onchange)
    $('#ps').change(function() {
        if ($('#ps :selected').val() == 'TK') {
            $('#ttk').val('');
            $('#ttk').attr('disabled', false);
        } else {
            $('#ttk').val('');
            $('#ttk').attr('disabled', true);
        }
    });

    // membuat konfirmasi dialog untuk delete siswa
    $('#dlg_konfirmasi_hapus').dialog({
        autoOpen: false,
        show: "blind",
        hide: "blind",
        width: 300,
        modal	: true,
        resizable:false,
        buttons: {
            "Ya": function() {
                deleteRow();
            },
            "Tidak": function() {
                $(this).dialog("close");
                bersihkanPesan('#messages');
            }
        },
        open: function() {
            pesanWarning('#dlg_message', 'Apakah Anda yakin?');
        }
    });

});